<template>
	<view class="footeTrue">
		<view>
			<image src="../../../static/image_li/101.png" mode=""></image>
		</view>
		<view>
			预约成功
		</view>
		<view class="fans">
			<view>
				<text class="iconfont icon-yinhangqia"></text>
				<text>支付方式</text>
				<text >{{fn=='wx'?'微信支付':'会员卡'}}</text>
			</view>
			<view>
				<text class="iconfont icon-qian"></text>
				<text>支付方式</text>
				<text>￥20.00</text>
			</view>
		</view>
		<view class="footerBut">
			<button type="default" @click="Make">查看我的预约</button>
		</view>
	</view>
	<view>
		{{c}}
	</view>
</template>

<script>
	import {
		reactive,
		toRefs
	} from 'vue'
	import {
		onLoad
	} from '@dcloudio/uni-app'
	export default {
		setup() {
			let data = reactive({
					fn: '',
					Make(){
						uni.navigateTo({
							url:'../../My/ChildrenPage/MyReservation'
						})
					}
				});
				onLoad((a)=>{
					data.fn=a.c
				});
			return {...toRefs(data)}
		},


	}
</script>

<style>
	@import url('~@/static/font-li/font2022/iconfont.css');

	.footeTrue {
		line-height: 80rpx;
		text-align: center;
	}

	.footeTrue>view:first-child>image {
		width: 300rpx;
		height: 300rpx;
	}

	.footeTrue>view:nth-of-type(2) {
		font-size: 40rpx;
		color: #8F939C;
	}

	.fans>view>text:not(:last-child) {
		color: #8F939C;
	}

	.fans>view>text:last-child {
		color: red;
	}

	.fans>view>text {
		display: inline-block;
		margin-left: 15rpx;
	}

	.footerBut {
		width: 300rpx;
		margin: 20rpx auto;

	}

	.footerBut>button {
		color: #8F939C;
		font-size: 30rpx;
	}
</style>
